<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    <title></title>
</head>
<body>
<div class="container">
    <div class="row">
        <p class="lead">
            Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper
            nulla non metus auctor fringilla. Duis mollis, est non commodo
        </p>

        <p>
            Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient
            montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.


            Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget
            metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
        </p>

        <blockquote class="col-md-6">
            <p>
                Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper
                nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget
                lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.
            </p>
        </blockquote>
    </div>
    <div class="row">
        <blockquote class="blockquote-reverse col-md-8 pull-right">
            <p>
                Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper
                nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget
                lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.
            </p>
        </blockquote>
    </div>
</div>
</body>
</html>